@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'bookman_demi';
    src:url('fonts/bookman_demi-webfont.eot');
    src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bookman_demi-webfont.woff') format('woff'),
         url('fonts/bookman_demi-webfont.ttf') format('truetype'),
         url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg');
    font-weight:normal;
    font-style:normal;
}
body { margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:12px; line-height:25px; color:#454242; }
a { color:#454242; text-decoration:none;}
a:hover { color:#454242;}
img { border:0; display:inline; vertical-align: bottom;}
div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;}
.clear{ clear:both;}
.hidden{ display:none;}

div.body{ min-width:1024px; margin:auto; }
.tpleft{ float:left;}
.tpright{ float:right;}

.topdh{ background:#f1f1f1; height:37px; line-height:37px;}
.topdh .topm{ width:1133px; margin:0px auto; height:37px; position:relative; z-index:100}
.topdh .topm .topr{ float:right; font-size:14px; line-height:26px; margin-top:5px;}
.topdh .topm .topr a{font-size:14px;}]
.logo{ width:178px; display:block; height:162px; overflow:hidden; position:absolute; top:-37px; left:0px; z-index:100}
.menu{width:1133px; margin:0px auto; height:97px;}
.menu ul{ width:883px; float:right;}
.menu ul li{ float:left; line-height:97px; width:125px; text-align:center;}
.menu ul li a{ font-size:15px; color:#444141;}
.menu ul li a:hover{color:#0e8bcd}

.banner{ margin:0px auto;height:481px; position:relative; overflow:hidden;}
#slideImg ul {
	position:absolute;
	top:0; left:0;
	height: 100%;width:100%;
}
#slideImg li{
	width: 100%;
	height: 100%;
	float: left;
	z-index: 1;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
background-size: cover;
}
#slideImg li a{
	display: inline-block;
	position:relative;
	width: 100%;
	height: 100%;
}
#slideImg .pager{ position:absolute; bottom:17px;width:100%; z-index:999;}
#slideImg .pager #slideBtn{float:left; left:50%; position:relative;}
#slideImg .pager #slideBtn span{float:left; left:-50%; position:relative; margin:0px 5px; display:block; width:12px; height:12px; line-height:0px; font-size:0px; overflow:hidden;background:#fff; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;}
#slideImg .pager #slideBtn span.cur{background:#257DBE;}

.aboutbanner{ margin:0px auto; background:url(../images/about.jpg) center no-repeat; height:280px;}
.telbanner{ margin:0px auto; background:url(../images/contact.jpg) center no-repeat; height:280px;}
.newbanner{ margin:0px auto; background:url(../images/news.jpg) center no-repeat; height:280px;}
.prodbanner{ margin:0px auto; height:280px; position:relative; overflow:hidden;}
.part1{ background:#f9f9fb; padding-top:44px; padding-bottom:61px; margin:0px auto 50px;}
.part1.one{ padding-top:55px; padding-bottom:78px;}
.c_bt{ width:1133px; margin:0px auto 10px; text-align:center; line-height:52px;}
.c_bt a{ font-size:30px; color:#3b3d3c; margin-left:10px;}

.c_key{ text-align:center; font-size:15px; color:#3b3d3c; width:1133px; margin:0px auto 46px;}
.c_key a{ color:#686c6b; margin-left:5px; margin-right:5px;}
.c_key a.cur{ color:#3b3d3c;}
.c_key.one{ text-align:center; font-size:14px; color:#7e7777;}

.c_zs{width:1133px; margin:0px auto;}
.c_zs ul{ margin-left:1px;}
.c_zs ul li{ float:left; width:226px; text-align:center; color:#5d5d60; font-size:15px;}
.c_zs ul li a{ display:block; color:#1e1e1f; font-size:15px; height:233px; overflow:hidden;}
.c_zs ul li a img{ display:block; margin:0px auto 10px;}
.c_zs.product{ width:845px;}
.c_zs.product ul li{ width:280px; border:1px #d9d9d9 solid; margin-left:-1px; margin-top:-1px; padding-top:40px; height:304px;}

.c_about{width:1133px; margin:0px auto 77px;}
.c_ship{ width:490px; float:left;}
.c_abjs{ width:600px; float:right; overflow:hidden;}
.c_abjs .company{ font-size:14px; line-height:33px; color:#474646; height:184px; text-indent:2em;}
.c_abjs .company a{ color:#0e8bcd;}

.c_abjs ul { width:635px;}
.c_abjs ul li{ float:left; text-align:center; width:188px; height:130px; margin-right:20px;}
.c_abjs ul li a{ display:block; color:#706c6c; font-size:17px; padding-top:83px; height:47px;}
.c_abjs ul li a:hover{ color:#fff;}
.c_abjs ul li.no1 a{background:#e7e7ee url(../images/r1.png) center 23px no-repeat;}
.c_abjs ul li.no2 a{background:#e7e7ee url(../images/r2.png) center 23px no-repeat;}
.c_abjs ul li.no3 a{background:#e7e7ee url(../images/r3.png) center 23px no-repeat;}
.c_abjs ul li.no1 a:hover{background:#0e8bcd url(../images/r11.png) center 23px no-repeat;}
.c_abjs ul li.no2 a:hover{background:#0e8bcd url(../images/r22.png) center 23px no-repeat;}
.c_abjs ul li.no3 a:hover{background:#0e8bcd url(../images/r33.png) center 23px no-repeat;}

.c_prod{ width:1133px; margin:0px auto;}
.c_prod ul{ width:1200px;}
.c_prod ul li{-moz-box-shadow:2px 2px 5px #eae8e9; -webkit-box-shadow:2px 2px 5px #eae8e9; box-shadow:2px 2px 5px #eae8e9; width:262px; height:281px; overflow:hidden; float:left; background:#fff; position:relative; text-align: center; margin-right:28px;}
.c_prod ul li a{ text-align:center;}
.c_prod ul li .c_caname a{ font-size:15px; color:#3c403f;padding-top:30px; display:block;}

.c_prod.case{ width:845px;}
.c_prod.case ul{width:900px;}
.c_prod.case ul li{ margin-bottom:30px;}

.c_xfbg{ background:#0e8bcd; width:100%; height:147px; position:absolute; bottom:-147px;}
.c_xfbg .bt a{ width:90%; margin:0px auto; font-size:15px; color:#fff; padding-top:24px; display:block; height:30px; overflow:hidden;}
.c_xfbg .nr{width:85%; margin:0px auto; color:#fff; font-size:12px; text-align:left;}

.newone{ width:1133px; margin:0px auto 60px; height:auto; overflow:hidden;}
.newone .newwleft{ width:704px; float:left;}
.newwleft .onon { height:157px;}
.newwleft .onon .syname{ margin-top:9px;}
.newwleft .onon .syname{margin-bottom:15px;}
.newwleft .onon .syname a{ font-size:22px; color:#333333; background:none;}
.newwleft .onon p{ color:#888888; line-height:22px;}
.newwleft ul li{ border-bottom:1px #e5e5e5 dashed; line-height:45px;}
.newwleft ul li a{ font-size:14px;color:#333333;}

.date{ float:right; color:#95908d; font-size:14px;}
.newwleft ul {background:url(../images/krst_119.jpg) 16px 16px no-repeat; padding-left:54px;}
.newwright{ width:326px;background:url(../images/krst_126.jpg) bottom no-repeat; float:right; height:435px;}
.newwright .netop{ border:1px #dddddd solid; border-bottom:0px; height:410px; padding-top:13px;}
.netop .no1{ width:299px; line-height:22px;margin:0px auto; font-size:13px; color:#666666; border-bottom:1px #dfdede solid; height:245px; margin-bottom:10px;}
.netop .no1 a{ color:#d71e1e; font-size:13px;}
.netop .no1 p{ color:#1b1b1b; text-align:center; line-height:40px;}
.netop .no1 p a{ font-size:15px; color:#1b1b1b;}
.netop ul{ width:299px; margin:0px auto;}
.netop ul li{background:url(../images/krst_122.jpg) 5px 12px no-repeat; padding-left:20px; line-height:30px; }
.netop ul li a{ font-size:13px; color:#555555;}
.newwleft .krst{ width:411px; float:right;}


.foot{ background:#0e8bcd; padding-top:51px; height:267px;}
.bottom{ width:1133px; margin:0px auto;}

.bootlm{ width:714px; float:left;}
.bootlm ul { }
.bootlm ul li ul{ padding-left:0px;}
.bootlm ul li{padding-left:40px; float:left; width:129px; border-right:1px #399cd1 solid; height:203px; color:#fff; font-size:15px;}
.bootlm ul li .bt{ margin-bottom:8px;}
.bootlm ul li ul li{padding-left:0px;height:203px; line-height:28px; height:28px;}
.bootlm ul li ul li a{ font-size:12px; color:#fff;}
.bootlm ul li.last{ text-align:center; padding-left:0px; width:195px; font-size:12px;}
.bootlm ul li.last img{ display:block; margin:0px auto;}


.bottr .bt{ margin-bottom:8px; font-size:15px; color:#fff;}
.bottr{ width:226px; float:right;color:#fff;}
.tel{ font-size:32px; color:#fff; font-weight:bold; margin-bottom:15px;}
.bottr .adr{ border-bottom:1px #e3dfdf solid; padding-bottom:15px; margin-bottom:10px;}
.bottr ul{ width:238px;}
.bottr ul li{ margin-right:24px; float:left;}

.footwz{ background:#383838; text-align:center; color:#fff; height:63px; line-height:63px;}

.newm{ width:1133px; margin:0px auto;padding-top:35px; padding-bottom:30px; }

.newm .neml{ width:250px; float:left;  background:#fff; }
.neml ul{ border:1px #e8e8e8 solid; border-top:0px;border-bottom:5px #eaeaea solid; margin-bottom:15px;}
.neml ul li a{ display:block; padding-left:40px; border-bottom:1px #e8e8e8 solid; height:52px; line-height:52px; font-size:16px; background:#f7f7f7 url(../images/tb9.png) 210px 22px  no-repeat; color:#7f7f7f; }
.neml ul li ul{ border:0px #e8e8e8 solid; border-top:0px;border-bottom:0px #eaeaea solid; margin-bottom:0px; display:none;}
.neml ul li.cur ul{display:block;}
.neml ul li ul li a{ font-size:13px; padding-left:55px;background:#fff url(../images/jt.png) 210px 22px  no-repeat; color:#666;}
.neml ul li.cur ul li a{ font-size:13px; padding-left:55px;background:#fff url(../images/jt.png) 210px 22px  no-repeat;color:#666;}
.neml ul li ul li.cur a{color:#0e8bcd;}
.neml ul li.cur a{ background:#fff url(../images/tb10.png) 210px 22px  no-repeat; color:#333333;}
.bjtj{background:url(../images/bg5.jpg) left no-repeat; height:102px;}
.bjtj p{ color:#fff; font-size:28px; padding-left:40px; padding-top:40px;}
.nemr{ width:845px; float:right;  padding-top:0px;padding-bottom:0px;}
.nemr.ts{ width:1052px; margin:0px auto; float:none;}
.nembt{ width:100%; margin:0px auto 40px; line-height:50px; border-bottom:1px #d9d9d9 solid; font-size:23px;}
.local{ color:#999; font-size:12px; float:right; line-height:30px; padding-top:15px;}
.local a{ color:#999;}
.local span{ margin:0 5px;}
.local a:hover{color:#0e8bcd;}

.aboutjs{  margin:0px auto; padding-top:0px;font-size:14px; line-height:30px;  }

.cer ul{ width:900px;}
.cer ul li{ float:left; width:400px; line-height:40px; text-align:center; font-size:14px; margin-bottom:20px; padding-right:40px;}
.cer ul li img{ padding:25px; border:1px #e8e8e8 solid;}

.m-artlist {margin-left:auto;margin-right:auto;width:900px;}
.m-artlist-2 img, .m-artlist-2 .bor, .m-artlist-2 a, .m-slbanner .prev a, .m-slbanner .next a { transition: all 0.3s ease 0s; }

.m-artlist .item { float: left; width: 262px; margin: 0px 28px 25px 0px; }
.p_name{ text-align:center; padding-top:10px;}
.p_name a{ font-size:14px; line-height:40px;}
.m-artlist .img { position: relative; height: 262px; }
.m-artlist .img a, .m-artlist .img img, .m-artlist .bor, .m-artlist-2 .imgbg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.m-artlist .bor { width: 240px; height: 240px; border: 10px solid rgb(0, 0, 0); opacity: 0; }
.m-artlist-1 .bor:nth-child(2), .m-artlist-1 .bor:nth-child(3), .m-artlist-1 .bor:nth-child(4) { display: none; }
.m-artlist-2 .img { height: 176px; }
.m-artlist-2 .bor { width: 258px; height: 174px; border: 1px solid rgb(224, 224, 224); background: none repeat scroll 0% 0% rgb(255, 255, 255); opacity: 1; }
.m-artlist-2 .bor:first-child { left: 8px; top: 8px; }
.m-artlist-2 .bor:nth-child(2) { left: 6px; top: 6px; }
.m-artlist-2 .bor:nth-child(3) { left: 4px; top: 4px; }
.m-artlist-2 .bor:nth-child(4) { left: 2px; top: 2px; }
.m-artlist-2 .txt { margin-top: 10px; }
.m-artlist-2 a:hover img { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}
.m-artlist-2 a:hover .bor:first-child { 
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}
.m-artlist-2 a:hover .bor:nth-child(2) { 
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
}
.m-artlist-2 a:hover .bor:nth-child(3) { 
    -moz-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
 }
 .m-artlist-2 a:hover .bor:nth-child(4) { 
     -moz-transform: rotate(-5deg);
     -webkit-transform: rotate(-5deg);
     -o-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg);
 }


.newcon{}
.newcon ul li{background: url(../images/hywfnqjnm2_06.jpg) 18px 18px no-repeat; height:43px; line-height:43px;  }
.newcon ul li a{ display:block; margin-left:25px;padding-left:15px; font-size:14px;}
.newcon ul li a:hover{ color:#03357c;}
.newcon ul li .date{ float:right; color:#bdbfbe; margin-right:10px;}
.newcon ul li.first{ background:#0e8bcd ;height:167px; line-height:22px; color:#fff; font-size:14px;  padding-right:20px;}
.newcon ul li.first .newtj1{ width:568px; float:left;}
.newcon ul li.first .newtj1 .zd { margin:0px auto 10px; padding-top:30px;}
.newcon ul li.first .zd a{ font-size:18px; color:#fff; margin-left:0px; border-left:0px; padding-left:0px;}
.newcon ul li.first p{ color:#b4d5fc;}
.newcon ul li.first .tjtp{ width:210px; float:left; margin:20px 20px auto 20px;}

.newbitao{ margin:0px auto; padding-top:20px; padding-bottom:30px;}
.newbitao h1{ text-align:center; color:#000; padding-top:20px;}
.newbitao .rqttie{ text-align:center;height:50px; clear:both; margin:10px auto;  color:#959494; line-height:50px;}

.newbitao .newxxjs{ padding-bottom:50px; font-size:14px; line-height:30px;}
.newbitao .newxxjs p{ margin-bottom:20px;}
.newbitao .comform{ color:#959494; text-align:right;border-bottom:1px #d4d4d4 solid; line-height:30px; padding-bottom:5px;}
.newbt{ font-size:28px; font-weight:bold; text-align:center;}
.syiejr{ margin-top:15px;}
.syiejr ul li{ margin-bottom:15px;}
.syiejr span{ background:#ececec; padding-top:7px; padding-bottom:7px; padding-left:15px; padding-right:15px; font-weight:bold; margin-right:15px;}

.con_lo{ width:1133px; margin:0px auto 10px; clear:both; height:50px;}
.contact{ width:1133px; margin:0px auto 50px;}
.contact .con_left{ width:497px; float:left;}
.contact .con_left .con_bt{ font-size:23px; color:#333333; padding-bottom:20px;background: url(../images/bg_line10.png) left bottom no-repeat; margin-bottom:10px; }
.contact .lxwm{ font-size:14px; line-height:22px; color:#666666;}
.contact .lxwm .adr{ padding-bottom:20px; border-bottom:1px #dfdfdf solid; margin-bottom:20px;}


.pronyzs{ clear:both; margin-bottom:40px;}
.leftpro{ width:420px; }
.propic{ border:1px #e4e6e7 solid;  margin-bottom:14px;}

.leftpro .photobtn{position:relative;height:78px; overflow:hidden;}
.leftpro .photobtn a.bl,.leftpro .photobtn a.br{ display:block; width:30px; height:78px; position:absolute; top:0px; }
.leftpro .photobtn a.bl{ background:#eaeaea url(../images/pro_20.gif) center center no-repeat; left:0px;}
.leftpro .photobtn a.br{ background:#eaeaea url(../images/pro_21.gif) center center no-repeat; right:0px;}
.leftpro ul{padding-left:38px; position:relative;}
.leftpro ul li{ float:left; margin-right:6px;}
.leftpro ul li a{ display:block; border:1px #eeeded solid; }
.leftpro ul li a span{ display:none;}
.leftpro ul li.activeSlide a{border:1px #359ee9 solid;}
.leftpro ul li.activeSlide a span{ display:block; position:absolute; top:-8px; left:39px;}

.righpro{ width:400px; float:right;}
.righpro .proname{ font-size:22px; color:#161515; border-bottom:1px #cbcbcb solid; padding-bottom:9px; margin-bottom:10px; padding-top:10px; line-height:40px; font-weight:bold;}

.righpro .proxx{ font-size:13px; color:#6d6d6d; line-height:30px; height:379px;}
.righpro .proxx .black{ color:#161515; margin-right:18px; font-size:15px;}

.hdcs{ margin-bottom:20px;}
.hdcs ul li{ float:left;}
.hdcs ul li a{ display:block; background:#f3f4f8; margin-right:1px; width:210px; height:51px; text-align:center; line-height:51px; font-size:14px; color:#666666;}
.hdcs ul li.cur a{ background:#0e8bcd; color:#fff;}

.pagnation { text-align: center; margin-top: 42px; }
.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; overflow: hidden; background: url(../images/sprite.png) no-repeat 0 -29px; margin-left: 4px; font-size: 16px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -64px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px -29px; }
.pagnation .page-prev:hover { background-position: -35px -64px; }
.pagnation .page-next { background-position: -70px -29px; }
.pagnation .page-next:hover { background-position: -70px -64px; }
.pagnation .current { background-position: 0px -64px; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

.csnr{ line-height:27px; clear:both; margin-bottom:30px;}

/*CSS manu style pagination*/

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; margin-top:30px;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #01367c
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.jcarousel-skin-kp{width:346px; margin:auto;}
.jcarousel-skin-kp .jcarousel-container-horizontal {
    width:346px;
}

.jcarousel-skin-kp .jcarousel-clip-horizontal {
    width:346px;
}